<template>
  <div>
    <div class="main">
      <div>
        <img style="width: 100%" src="~assets/images/title_icon.png">
      </div>
      <div class="base_list ins main_border">
        <div class="main_inner_border">
          <ul>
            <a href="zb_key_introduction.html">
              <li class="haveMore">
                <div>
                  <div class="menu_icons menu_icon_key"></div>
                  <div class="menu_words">
                    <h3>按键说明</h3></div>
                  <div class="menu_tu">
                    <img src="~assets/images/detai_icon.png" style="width: 70%;">
                  </div>
                </div>
              </li>
            </a>
            <a href="zb_net_introduction.html">
              <li class="haveMore">
                <div>
                  <div class="menu_icons menu_icon_net"></div>
                  <div class="menu_words">
                    <h3>网络配置</h3></div>
                  <div class="menu_tu">
                    <img src="~assets/images/detai_icon.png" style="width: 70%;">
                  </div>
                </div>
              </li>
            </a>
            <a href="zb_bond_introduction.html">
              <li class="haveMore">
                <div>
                  <div class="menu_icons menu_icon_bond"></div>
                  <div class="menu_words">
                    <h3>设备绑定</h3></div>
                  <div class="menu_tu">
                    <img src="~assets/images/detai_icon.png" style="width: 70%;">
                  </div>
                </div>
              </li>
            </a>
            <a href="zb_hotspot_introduction.html">
              <li class="haveMore">
                <div>
                  <div class="menu_icons menu_icon_hotspot"></div>
                  <div class="menu_words">
                    <h3>热点连接</h3></div>
                  <div class="menu_tu">
                    <img src="~assets/images/detai_icon.png" style="width: 70%;">
                  </div>
                </div>
              </li>
            </a>
            <a href="zb_voice_introduction.html">
              <li class="haveMore">
                <div>
                  <div class="menu_icons menu_icon_voice"></div>
                  <div class="menu_words">
                    <h3>智能语音</h3></div>
                  <div class="menu_tu">
                    <img src="~assets/images/detai_icon.png" style="width: 70%;">
                  </div>
                </div>
              </li>
            </a>
            <a href="zb_wechat_introduction.html">
              <li class="haveMore">
                <div>
                  <div class="menu_icons menu_icon_wechat"></div>
                  <div class="menu_words">
                    <h3>微聊对讲</h3></div>
                  <div class="menu_tu">
                    <img src="~assets/images/detai_icon.png" style="width: 70%;">
                  </div>
                </div>
              </li>
            </a>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {}
    },
    mounted() {

    }
  }
</script>
<style scoped>
  @import "../assets/css/introduction.css";
  .main{
    min-height: 100vh;
    background: #acd169;
  }
</style>
